page {
  background-color: #f4f4f4;
}


.main1{
  margin: 0 20rpx;
  height: 320rpx;
  border-radius: 64rpx;
  background: linear-gradient(90deg, #E43A15 0%, #E65245 100%);
  position: relative;
  overflow: hidden;
  margin-top: 20rpx;
  .img_bj{
    position: absolute;
    width: 300rpx;
    height: 320rpx;
    right: 0;
    opacity: 0.7;
    
  }
  .main1_box{
    width: 100%;
    height: 100%;
    border-radius: 64rpx;
    position: relative;
    .box{
      padding: 32rpx 30rpx;
      .top{
        display: flex;
        align-items: center;
        justify-content: space-between;
       .top_left{
        .view1{
          font-weight: 400;
          font-size: 24rpx;
          color: #FFFFFF;
          opacity: 0.8;
        }
        .view2{
          font-weight: 700;
          font-size: 48rpx;
          color: #FFFFFF;
          margin-top: 4rpx;
        }
       }
       .top_right{
        width: 180rpx;
        height: 72rpx;
        background: #ED412A;
        border: 2px solid #FFFFFF;
        border-radius: 555rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 24rpx;
        color: #FFFFFF;
       }
      }
      .bottom{
        display: flex;
        align-items: center;
        margin-top: 52rpx;
        .item{
          margin-right: 70rpx;
          display: flex;
          align-items: center;
          .view1{
            font-weight: 400;
            font-size: 24rpx;
            color: #FFFFFF;
            opacity: 0.8;
          }
          .view2{
            font-weight: 700;
            font-size: 24rpx;
            color: #FFFFFF;
            margin-left: 14rpx;
          }
        }
      }
    }
  }
}

.title{
  height: 100rpx;
  width: 100%;
  // position: fixed;
  // top: 0;
  // background: #fff;
  .title_box2{
    margin: 0 30rpx;
    display: flex;
    align-items: center;
    height: 100%;
   .nav{
    font-size: 28rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    margin-right: 46rpx;
   }
   .nav_active{
    font-size: 28rpx;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: rgba(244, 59, 0, 1);
   }
  }
}
.content{
  // padding-top: 100rpx;
  .item{
    margin:40rpx 30rpx 0;
    display: flex;
    align-items: center;
    .item_left{
     display: flex;
     flex-direction: column;
     flex: 1;
     .view1{
      font-weight: 400;
      font-size: 28rpx;
      color: #333333;
     }
     .view2{
      font-weight: 400;
      font-size: 22rpx;
      color: #999999;
     }
    }
    .item_right{
      font-weight: bold;
      font-size: 30rpx;
      color: #333333;
    }
  }
  .item:first-child{
    margin:10rpx 30rpx 0;
  }
  .item_kong{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200rpx;
  }
}


.main2{
  margin: 30rpx 20rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  .item{
    width: 346rpx;
    height: 200rpx;
    background: #fff;
    border-radius: 32rpx;
   .box{
    padding: 32rpx 28rpx;
    .view1{
      font-weight: 400;
      font-size: 28rpx;
      color: #666666;
    }
    .view2{
      margin-top: 16rpx;
      font-weight: 700;
      font-size: 48rpx;
      color: #000000;
      display: flex;
      align-items: center;
      text{
        font-weight: 400;
        font-size: 24rpx;
        color: #000000;
        padding-bottom: 18rpx;
        padding-left: 4rpx;
      }
    }
   }
  }
}


.main3{
  margin: 0 20rpx;
  border-top: 1rpx solid rgba(187, 187, 187, 0.4);
  .item{
   display: flex;
   align-items: center;
   justify-content: space-between;
   border-bottom: 1rpx solid rgba(187, 187, 187, 0.4);
   padding: 42rpx 0;
   .left{
    display: flex;
    align-items: center;
    .img{
      width: 44rpx;
      height: 40rpx;
    }
    .view1{
      font-style: normal;
      font-weight: 400;
      font-size: 28rpx;
      color: #333333;
      padding-left: 22rpx;
    }
   }
   .right{
    display: flex;
    align-items: center;
    .img{
      width: 10rpx;
      height: 20rpx;
    }
    .view1{
      font-weight: 400;
      font-size: 28rpx;
      color: #666666;
      padding-right: 22rpx;
    }
   }
  }
}

.footer{
 width: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
 margin-top: 200rpx;
 .text{
  font-weight: 400;
  font-size: 26rpx;
  text-align: right;
  color: #666666;
 }
}


